草庐IT

前端 PM

全部标签

ChatGPT的原理与前端领域实践

一、ChatGPT简介ChatGPT的火爆ChatGPT作为一个web应用,自22年12月发布,仅仅不到3个月的时间,月活用户就累积到1亿。在此之前,最快记录的保持者也需要9个月才达到月活1亿。ChatGPT的反爬https://chat.openai.com因为各种政策&倾向性问题,ChatGPT目前在中国无法访问。而它又是如此火爆,所以就有大量用户通过代理、爬虫等形式来体验ChatGPT。OpenAI不是专业做网络服务的公司,因此把反爬交给第三方公司CloudFlare去做。CloudFlare目前全球最大CDN服务商,占比16%;而OpenAI的流量在CloudFlare中占比已经占据前

后端通过CorsRegistry对象配置了全局跨域,但是前端仍然报CORS跨域错误

后端通过CorsRegistry配置了全局跨域,但是前端仍然报CORS跨域错误问题背景在实现登录功能时,我先是通过CorsRegistry配置了全局跨域,然后配置了一个登录拦截器后前端就报错CORS跨域错误问题原因前置知识首先我们来了解一下什么是跨域错误,跨域错误(Cross-OriginError)是在Web开发中常见的错误之一,它发生在浏览器执行跨源请求(从一个源访问另一个源)时。同源策略(Same-OriginPolicy)是浏览器的安全机制,它限制了通过脚本在不同源之间进行跨域通信。"源"是由协议、主机名和端口号组成的标识符。如果两个页面的协议、主机名和端口号完全相同,则它们被视为同源

前端仿新浪新闻 tabs 选项卡tabs标签页,根据文字多少自适应 tab项宽度

前端仿新浪新闻tabs选项卡tabs标签页,根据文字多少自适应tab项宽度, 下载完整代码请访问uni-app插件市场地址: https://ext.dcloud.net.cn/plugin?id=12876效果图如下:  实现代码如下:####使用方法```使用方法```####HTML代码部分```html默认设置设置下划线颜色设置间距设置行高```####JS代码(引入组件填充数据)```javascriptimportccScrollTabsfrom'../../components/cc-scrollTabs/cc-scrollTabs.vue'exportdefault{compo

记录--前端如何优雅导出多表头xlsx

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助前言xlsx导出是比较前后端开发过程中都比较常见的一个功能。但传统的二维表格可能很难能满足我们对业务的需求,因为当数据的维度和层次比较多时,二维表格很难以清晰和压缩的方式展现所有的信息,所以我们也就经常能碰到多级表头开发了。demo每当我们新使用一个插件的时候,我们都可以看着官方文档去新建立一个demo,然后去尝试一下效果,这有助于我们分析错误。npmixlsx-SfunctionexportFile(){constws=utils.json_to_sheet([])constwb=utils.book_new()utils.shee

前端vue单个文件上传支持图片,压缩包以及文件 , 下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13066

前端vue单个文件上传支持图片,压缩包以及文件 ,下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13066效果图如下:使用方法addPhotoClick(){uni.hideLoading();letmyThis=this;if(myThis.photoList.length>=1){myThis.photoList=[];}uni.chooseImage({count:1,sizeType:['compressed'],//可以指定是原图还是压缩图,默认二者都有sourceType:['album'],//从相册选择suc

小程序实现微信登录Java后端(一)--前端实现

目录一、概述二、登录流程三、前端代码四、解读前端代码1、登录部分2、检查当前用户是否已登录3、小程序启动时校验登录五、阶段性小结一、概述最近终于有时间去搞一下准备参加比赛的小程序,小程序一开始设计的是使用邮箱登录,老师建议直接实现微信登录,更加方便,以前没有搞过,这次试一下。网上实现小程序微信登录的教程不是很多,其中使用Java后台的更是少之又少,大部分是基于node.js的,而且网上的教程大部分代码缺头少尾,让人摸不着头脑,所以我打算写一个思路清晰一些的教程。首先附上微信官方文档给的微信登录流程: 先理解一下几个概念:code:是小程序通过wx.login()获取的,也是用户注册、登录时,前

常见的前端安全CSRF/XSS以及常规安全策略

1、CSRF:跨站请求伪造(Cross-siterequestforgery);原理:(1)用户C打开浏览器,访问受信任网站A,输入用户名和密码请求登录网站A;(2)在用户信息通过验证后,网站A产生Cookie信息并返回给浏览器,此时用户登录网站A成功,可以正常发送请求到网站A;(3)用户未退出网站A之前,在同一浏览器中,打开一个TAB页访问网站B;(4)网站B接收到用户请求后,返回一些攻击性代码,并发出一个请求要求访问第三方站点A;(5)浏览器在接收到这些攻击性代码后,根据网站B的请求,在用户不知情的情况下携带Cookie信息,向网站A发出请求。网站A并不知道该请求其实是由B发起的,所以会根

前端Vue非常简单实用商品分类展示组件 侧边商品分类组件

前端vue非常简单实用商品分类展示组件侧边商品分类组件 ,下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13084效果图如下:使用方法HTML代码部分JS代码(引入组件填充数据)exportdefault{data(){return{flist:[],slist:[],tlist:[],}},onLoad(){//this.loadData();this.flist=[{id:1,name:'手机数码'},{id:2,name:'礼品鲜花'}];//pid为父级id, //没有图的是2级分类this.slist=[{id:5

【前端方案】-表格排序列LRU缓存方案

目标:排序后的表格列,页面刷新或者用户重新登录后,能够保持之前的操作排序完成效果:解决方案:利用localstorage对排序后的表格列属性进行存储,页面刷新或者用户重新进入该页面时都先从localstorage中读取1.存储方式:localstorage(key,value)key-表格增加配置属性tableHeaderKey,以当前路由的path+tableHeaderKey来做keyvalue-排序后的属性列数组(defaultKeys-所有属性列key,selectedKeys要显示的key,tableSize表格高度)只存key,减少存储空间2.存储时机:配置有tableHeader

前端进化笔记-JavaScript(三)

人类在白色的底色上描绘图画,地球在黑色的底色上创造生命。变量、作用域与内存JavaScript的变量可以说是独树一帜。只需要一个(或两个等)关键字(const,let)就可以创建变量,创建时不考虑变量的类型,这是其他语言少有的强大功能。当然强大的功能总是伴随着问题。值原始值:Undefined,Null,Boolean,Number,String,Symbol。它们都是按值访问的,因此我们操作的就是储存在变量中的实际值。引用值:保存在内存中的对象。引用值是按引用访问的(类似指针),我们操作的实际上是引用而不是对象本身。两者的不同:原始值没有属性,引用值有,但如果使用new关键字,就会为原始值创